:root{
  --footerBoxHeight: 73px;
  --themeColor: #0052d9;
}
// 顶部菜单栏高度
@headerBoxHeight:55px;
// 低部菜单栏高度
@footerBoxHeight:var(--footerBoxHeight);
// 画布高度
@contentBoxHeight: calc(100vh  - @headerBoxHeight - @footerBoxHeight);

// layout边距
@contentLayoutPadding:20px;

// 辅助线宽高
@rulerHeight:30px;

// 左侧菜单栏内容区宽度
@leftPanelWidth: 328px;

// 操作项栏select边距与其它元素对齐
.sider-box .arco-select-view-single{
  padding-left: 6px;
  padding-right: 6px;
}

.designer-container {
  display: flex;
  flex-direction: column;
  height: 100vh; /* 占满整个屏幕高度 */

  .designer-toolbar{
    height: @headerBoxHeight;
    display: flex;
    justify-content: flex-end; /* 右对齐 */
    align-items: center;
    padding: 8px;
    background-color: #ffffff;
    border-bottom: 1px solid #ddd; /* 工具栏下边框 */
  }
  .designer-canvas {
    flex: 1; /* 剩余空间都给画布 */
    overflow: auto; /* 如果内容超出则显示滚动条 */
    box-sizing: border-box; /* 包含内边距和边框 */
  }
  .designer-controls {
    position: fixed; /* 固定在底部 */
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd; /* 控制区上边框 */
    border-bottom: none;
    background: #ffffff;
    .opr-box{
      height: @footerBoxHeight;
    }
  }
  //
  //.save-button,
  //.designer-controls button {
  //  margin-left: 8px;
  //  padding: 4px 16px;
  //  /*font-size: 14px;*/
  //}
}
.opr-pop{
  height: @footerBoxHeight;
}
.opr-icon{
  height: 25px;
  justify-content: center;
  display: flex;
}

